Router參數

官網：Router 构建选项
這裡有個人整理了官網的許多範例，也可以先看看哪邊不懂或想了解，再用該名詞回頭去查在官網：掘金 十全大补vue-router

mode

官網：HTML5 History 模式
參考：掘金 vue-router的两种模式的区别
官網在history 模式內文這樣提到：

如果不想要很丑的 hash，我们可以用路由的 history 模式，这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面。

使用方法當然是寫在router裡面：

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

但如果要修改為history，要有後端的配置，如果沒有後端配置還是找原本預設的hash就好，我們可不樂見 user看到404哦～

base

修改根目錄路徑，預設值為'/'。

linkActiveClass & linkExactActiveClass

這兩個屬性長在被觸發的<router-link>裡，看它字中間有個active應該就能知道，也能從開發者工具去觀察html標籤屬性變化。但兩相差異在哪筆者也還弄不清。預設為link-active-class，後者也是改小寫加破折號，修改值為字串：

linkActiveClass: 'active-link'

修改完一樣在開發者工具檢查

Router切換方法

官網：Router 实例方法
官網：编程式的导航

push

push就像<a href='...'>的href、<router-link to='...'>的to：

<template>
  <a href='#' @click.prevent='toPath'>link</a>
</template>

<script>
export default {
  statements,
  methods: {
    toPath(){ //在這裏
      this.$router.push('...')
    }
  }
}
</script>

replace

跟push非常相似，差在replace不會在history裡面留紀錄

小結

另外還有可以做成上一頁、下一頁、上n頁的切換方法，看參考網站就可以實作出來，但實在是累了先發文再說(為什麼文章這麼短還累？因為中間又悲劇被我未存檔關閉了一次)，終於倒數7天了！